<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>picker</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<link rel="stylesheet" href="css/demo.css" />
		<link href="css/picker.css" rel="stylesheet" />
		<script type="text/javascript" src="picker.js"></script>
		<script type="text/javascript" src="demo.js" ></script>
	</head>
	<body>
		<div class="notice-con">
			<p class="title">插件说明</p>
			<ul>
				<li>1级选择器</li>
				<li>2级联动选择器</li>
				<li>2级不联动选择器</li>
				<li>3级联动选择器</li>
				<li>注:请在移动浏览器中打开或用chrome中的手机模式(进入手机模式后先刷新)</li>
				<li>对象暴露的接口可以预设起始项，此处不演示</li>
			</ul>
		</div>
		<div class="demo-con" id="demo-con">
			<button id="type1">1级选择器</button>
			<button id="type2">2级联动选择器</button>
			<button id="type3">2级不联动选择器</button>
			<button id="type4">3级联动选择器</button>
		</div>
		<div class="result-con">
			<p class="tip">选择的数据为:</p>
			<div class="result-item">
				<span class="item-name">1级</span>
				<div class="item-value" id="level1"></div>
			</div>
			<div class="result-item">
				<span class="item-name">2级</span>
				<div class="item-value" id="level2"></div>
			</div>
			<div class="result-item">
				<span class="item-name">3级</span>
				<div class="item-value" id="level3"></div>
			</div>
		</div>
		<script>
		
//			$.post('http://api.xiyiapp.com:8088/api/wx/serviceCitys.json',function(data){
////				console.log(data);
//				var p = new lcPicker(data.data.citysVO,{
//					target:'date-picker',//选择器id，此节点可以存在也可以不存在
//					type:4,
//					title:'测试数据',
//					name:'areaName',
//					value:'no',
//					child:'childs',
//					okEvent:function(data){
//						console.log(data);
//					},
//					cancelEvent:function(){
//						
//					}
//				});
////				p.addGranData([0,0,4]);
//				p.setItem(['350000','350100','350111']);
//			});
//			setTimeout(function(){
//				p.setPCurItem(2); //设置父节点选中项
//				p.setCCurItem([2,0]); //设置子节点选中项
//				console.log('2000');
//			},2000);
		</script>
	</body>
</html>
